<template>
  <Block title="AI看涨停" :isFull="true">
    <atom-clamp :max-lines="3" class="clamp" :expanded="expanded">{{ content }}</atom-clamp>
    <More @updateExpanded="updateExpanded" />
  </Block>
</template>

<script>
import Block from '@/components/common/Block.vue';
import More from '@/components/common/More.vue';
export default {
  components: {
    Block,
    More,
  },
  props: {
    content: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      expanded: false,
    };
  },
  methods: {
    updateExpanded(isExpanded) {
      this.expanded = isExpanded;
    },
  },
};
</script>
<style lang="less" scoped>
.clamp {
  font-family: PingFangSC-Regular;
  font-size: 28px;
  color: var(--text-1);
  letter-spacing: 0;
  text-align: justify;
  line-height: 42px;
  font-weight: 400;
}
</style>
